/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        'quantum-blue': '#1e40af',
        'crypto-green': '#059669',
        'proof-purple': '#7c2d92',
        'warning-amber': '#d97706',
        'success-emerald': '#10b981',
      },
      fontFamily: {
        'mono': ['JetBrains Mono', 'Monaco', 'Consolas', 'monospace'],
        'display': ['Inter', 'system-ui', 'sans-serif'],
      },
      animation: {
        'bounce-slow': 'bounce 2s infinite',
        'pulse-slow': 'pulse 3s infinite',
        'spin-slow': 'spin 3s linear infinite',
        'float': 'float 6s ease-in-out infinite',
        'glow': 'glow 2s ease-in-out infinite alternate',
      },
      keyframes: {
        float: {
          '0%, 100%': { transform: 'translateY(0px)' },
          '50%': { transform: 'translateY(-20px)' },
        },
        glow: {
          '0%': { boxShadow: '0 0 5px theme(colors.quantum-blue)' },
          '100%': { boxShadow: '0 0 20px theme(colors.quantum-blue), 0 0 30px theme(colors.quantum-blue)' },
        }
      },
      backgroundImage: {
        'quantum-gradient': 'linear-gradient(135deg, var(--quantum-blue) 0%, var(--proof-purple) 50%, var(--crypto-green) 100%)',
      }
    },
  },
  plugins: [],
}